<template>
    <view class="progressWrap">
        <view class="childProgress" :style="{width: percent + '%'}">
            
        </view>
    </view>
</template>

<script>
  export default {
    props:['percent'],
  }
</script>

<style lang="less">
.progressWrap{
    width: 100%;
    height: 12rpx;
    border-radius: 6rpx;
    background-color: #FDCB9B;
    position: relative;
}

.childProgress{
    position: absolute;
    left: 0;
    height: 12rpx;
    border-radius: 6rpx;
    background-image: linear-gradient(to right, #FFA314, #FF830B);
}

</style>